<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html lang="zh-CN" xml:lang="zh-CN">
<head>
    <title>订单详情</title>
    <link href="${pageContext.servletContext.contextPath}/images/milogo.png" rel="icon" type="image/x-icon">
    <link href="https://s02.mifile.cn/assets/css/chunk-23b221eb.3fb4b93f.css" rel="prefetch">
    <link href="https://s02.mifile.cn/assets/css/chunk-d7e66024.0e452daa.css" rel="prefetch">
    <link href="${pageContext.servletContext.contextPath}/st/front/CSS/orderview.b31479bf.css" rel="preload" as="style">
    <link href="${pageContext.servletContext.contextPath}/st/front/CSS/orderview.b31479bf.css" rel="stylesheet">
    <script type="text/javascript" src="${pageContext.servletContext.contextPath}/st/front/JS/jquery-3.2.1.min.js"></script>
    <script>
        function quxiaoOrder(){
            $.post(
                "${pageContext.servletContext.contextPath}/ajax_cancellation_order",
                {bid:${bill.bid}},
                function (res){
                    if(res*1==1){
                        alert("订单取消成功!");
                    }
                }
            )
        }
        $(function (){
            $(".btn-line-gray").click(function (){
                quxiaoOrder();
            })
        })
    </script>
</head>
<body id="stat_e3c9df7196008778">
<jsp:include page="/Front_Head"></jsp:include>
<div id="app">
    <div class="breadcrumbs">
        <div class="container">
            <a href="${pageContext.servletContext.contextPath}/index" stat_exposure="true">首页</a>
            <span class="sep">/</span> <span>订单详情</span>
        </div>
    </div>
    <div class="mi-orderview page-main">
        <div class="container ">
            <div class="row">
                <div class="span4">
                    <div class="user-address-menu" id="J_userMenu">
                        <div class="menu-box">
                            <h3 class="title">订单中心</h3>
                            <ul class="list">
                                <li><a href="${pageContext.servletContext.contextPath}/Order_center" >我的订单</a></li>
                                <li><a data-name="bracket" href="#" id="J_comment" >评价晒单</a></li>
                            </ul>
                        </div>
                        <div class="menu-box">
                            <h3 class="title">个人中心</h3>
                            <ul class="list">
                                <li><a href="${pageContext.servletContext.contextPath}/Center" >我的个人中心</a></li>
                                <li><a href="${pageContext.servletContext.contextPath}/GetColl" >喜欢的商品</a></li>
                                <li><a href="${pageContext.servletContext.contextPath}/Address" >收货地址</a></li>
                            </ul>
                        </div>
                        <div class="menu-box">
                            <h3 class="title">账户管理</h3>
                            <ul class="list">
                                <li><a href="${pageContext.servletContext.contextPath}/GoPersonal"  target="_blank">个人信息</a>
                                </li>
                                <li><a href="${pageContext.servletContext.contextPath}/UpdatePass"  target="_blank">修改密码</a></li>
                            </ul>
                        </div>
                    </div>
                </div>
                <div class="span16">
                    <div class="mi-uc-box">
                        <div class="box-hd">
                            <h1 class="title">
                                订单详情
                                <small>请谨防钓鱼链接或诈骗电话，<a href="" target="_blank" stat_exposure="true">了解更多&gt;</a></small></h1>
                            <div class="more clearfix">
                                <h2 class="subtitle">
                                    订单号：${bill.bid}
                                </h2>
                                <div class="actions">
                                    <!--如果未付款 显示-->
                                    <c:if test="${bill.billstate==1}">
                                        <div data-v-19af3e90="" class="status-btn-box">
                                            <a data-v-7af46fc2="" data-v-19af3e90="" title="取消订单" class="btn btn-small btn-line-gray" stat_exposure="true">取消订单</a>
                                            <a data-v-14a5d97e="" href="${pageContext.servletContext.contextPath}/ToOrder/${bill.bid}" title="立即付款" class="btn btn-small btn-primary" stat_exposure="true">立即付款</a>
                                        </div>
                                    </c:if>
                                </div>
                            </div>
                        </div>
                        <div class="box-bd">
                            <div class="order-detail uc-order-item-pay">
                                <div data-v-10ff82cc="" class="order-summary">
                                    <!---->
                                    <div data-v-10ff82cc="" class="order-status">
                                        <c:if test="${bill.billstate==0}">
                                            <div data-v-10ff82cc="" style="display: inline-block;">已取消</div>
                                        </c:if>
                                        <c:if test="${bill.billstate==1}">
                                            <div data-v-10ff82cc="" style="display: inline-block;">等待付款</div>
                                        </c:if>
                                        <c:if test="${bill.billstate==2}">
                                            <div data-v-10ff82cc="" style="display: inline-block;">已支付,待收货</div>
                                        </c:if>
                                        <c:if test="${bill.billstate==3}">
                                            <div data-v-10ff82cc="" style="display: inline-block;">已完成</div>
                                        </c:if>
                                    </div>
                                </div>
                                <div class="order-goods">
                                    <table class="goods-table">
                                        <c:forEach items="${bill.billdetailedList}" var="comm">
                                            <tr data-v-c355d0c8="" class="goods-box">
                                                <td data-v-c355d0c8="" class="col col-thumb">
                                                    <div data-v-c355d0c8="" class="figure figure-thumb">
                                                        <a data-v-c355d0c8="" target="_blank" href="${pageContext.servletContext.contextPath}/FindCid/${comm.cid}" stat_exposure="true">
                                                            <img data-v-c355d0c8="" src="${pageContext.servletContext.contextPath}/images/${comm.picture}" width="80" height="80">
                                                        </a>
                                                    </div>
                                                </td>
                                                <td data-v-c355d0c8="" colspan="3" class="col col-info">
                                                    <table data-v-c355d0c8="" class="col-info-box">
                                                        <tr data-v-c355d0c8="" class="goods-box-info">
                                                            <td data-v-c355d0c8="" class="col col-name">
                                                                <div data-v-c355d0c8="" class="name">
                                                                    <a data-v-c355d0c8="" target="_blank" href="${pageContext.servletContext.contextPath}/FindCid/${comm.cid}" stat_exposure="true">
                                                                    ${comm.comname}
                                                                </a>
                                                                </div>
                                                            </td>
                                                            <td data-v-c355d0c8="" class="col col-price">
                                                                <p data-v-c355d0c8="" class="price">${comm.cprice}元 × ${comm.count}</p>
                                                            </td>
                                                            <td data-v-c355d0c8="" class="col col-actions"></td>
                                                        </tr>
                                                    </table>
                                                </td>
                                            </tr>
                                        </c:forEach>
                                    </table>
                                </div>
                            </div>
                            <!---->
                            <div class="order-detail-info">
                                <h3>收货信息</h3>
                                <table class="info-table">
                                    <tbody>
                                    <tr>
                                        <th>姓&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;名：</th>
                                        <td>${bill.aname}</td>
                                    </tr>
                                    <tr>
                                        <th>联系电话：</th>
                                        <td>${bill.phonenum}</td>
                                    </tr>
                                    <tr>
                                        <th>收货地址：</th>
                                        <td>${bill.address}</td>
                                    </tr>
                                    </tbody>
                                </table>
                                </div>
                            </div>
                            <div data-v-942b74ea="" class="order-detail-info">
                                <h3 data-v-942b74ea="">支付方式</h3>
                                <table data-v-942b74ea="" class="info-table">
                                    <tbody data-v-942b74ea="">
                                    <tr data-v-942b74ea="">
                                        <th data-v-942b74ea="">支付方式：</th>
                                        <c:choose>
                                            <c:when test="${bill.payment_method==1}">
                                                <td data-v-942b74ea="">小米支付</td>
                                            </c:when>
                                            <c:when test="${bill.payment_method==2}">
                                                <td data-v-942b74ea="">微信支付</td>
                                            </c:when>
                                            <c:when test="${bill.payment_method==3}">
                                                <td data-v-942b74ea="">支付宝支付</td>
                                            </c:when>
                                            <c:otherwise>
                                                <td data-v-942b74ea="">未支付</td>
                                            </c:otherwise>
                                        </c:choose>
                                    </tr>
                                    </tbody>
                                </table>
                                <div data-v-942b74ea="" class="actions"></div>
                            </div>
                            <div data-v-0fe9ad81="">
                                <div data-v-0fe9ad81="" class="order-detail-info">
                                    <h3 data-v-0fe9ad81="">发票信息</h3>
                                    <table data-v-0fe9ad81="" class="info-table">
                                        <tbody data-v-0fe9ad81="">
                                        <tr data-v-0fe9ad81="">
                                            <th data-v-0fe9ad81="">发票类型：</th>
                                            <td data-v-0fe9ad81="">电子普通发票</td>
                                        </tr>
                                        <tr data-v-0fe9ad81="">
                                            <th data-v-0fe9ad81="">发票内容：</th>
                                            <td data-v-0fe9ad81="">购买商品明细</td>
                                        </tr>
                                        <tr data-v-0fe9ad81="">
                                            <th data-v-0fe9ad81="">发票抬头：</th>
                                            <td data-v-0fe9ad81="">个人</td>
                                        </tr>
                                        </tbody>
                                    </table>
                                </div>
                            </div>
                            <div data-v-50b144cc="" class="order-detail-total">
                                <table data-v-50b144cc="" class="total-table">
                                    <tbody data-v-50b144cc="">
                                    <tr data-v-50b144cc="">
                                        <th data-v-50b144cc="">商品总价：</th>
                                        <td data-v-50b144cc=""><span data-v-50b144cc="" class="num">${bill.billmoney}</span>元</td>
                                    </tr>
                                    <!---->
                                    <!---->
                                    <!---->
                                    <tr data-v-50b144cc="">
                                        <th data-v-50b144cc="">运费：</th>
                                        <td data-v-50b144cc=""><span data-v-50b144cc="" class="num">0</span>元</td>
                                    </tr>
                                    <!---->
                                    <!---->
                                    <tr data-v-50b144cc="">
                                        <th data-v-50b144cc="" class="total">应付金额：</th>
                                        <td data-v-50b144cc="" class="total"><span data-v-50b144cc="" class="num">${bill.billmoney}</span>元</td>
                                    </tr>
                                    </tbody>
                                </table>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<jsp:include page="/Front_Tail"></jsp:include>
</body>
</html>

